@import '@app/common.less';

.contextMenu {
	position: absolute;
	z-index: 1001;
	background: #fff;
	border: 1px solid #d7d7d7;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);

	> div {
		display: flex;
		width: 200px;
		height: 43px;
		padding: 8px 9px;
		align-items: center;
		cursor: pointer;

		> span {
			width: 100%;
			text-align: left;
			font-size: 14px;
			text-indent: 40px;
			letter-spacing: 0;
			font-weight: 400;
		}
	}

	> div:not(:first-child) {
		border-top: none;
	}

	> div:not(:last-child) {
		border-bottom: none;
	}

	> div:hover {
		border-color: initial;
		background: @blue;
		color: #fff;

		svg {
			color: #fff;
		}
	}
}
